<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <svg
      version="1.1"
      id="crocodile-2"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      x="0px"
      y="0px"
      width="375px"
      height="300px"
      viewBox="0 0 500 400"
      enable-background="new 0 0 500 400"
      xml:space="preserve"
    >
      <defs>
        <style>
          #diagram-eye {
            transform-origin: 10% 30%;
          }
          #diagram-pie {
            transform-origin: 50% 30%;
          }
          #diagram-map {
            transform-origin: 80% 30%;
          }
        </style>
      </defs>
      <g id="croc">
        <linearGradient
          id="SVGID_1_"
          gradientUnits="userSpaceOnUse"
          x1="-352.022"
          y1="820.576"
          x2="-352.022"
          y2="919.5"
          gradientTransform="matrix(-1 0 0 1 79 -537.5)"
        >
          <stop offset="0" style="stop-color: #000000; stop-opacity: 0.25" />
          <stop offset="0.7074" style="stop-color: #000000; stop-opacity: 0" />
        </linearGradient>
        <polygon
          fill="url(#SVGID_1_)"
          points="828.78,382 766.953,320.172 424.839,283.076 33.264,309.868 105.396,382    "
        />
        <polygon
          fill="#00A99D"
          points="717.49,299.563 639.175,287.198 597.957,274.832 581.47,274.832 527.886,258.345 499.033,250.101 
                  424.839,237.735 363.012,237.735 330.037,245.979 272.331,250.101 255.844,245.979 218.747,254.223 198.138,254.223 
                  169.285,262.466 169.02,262.528 168.718,262.466 150.365,258.345 132.031,258.345 120.695,270.535 49.639,291.805 39.562,289.472 
                  33.264,295.441 33.264,309.413 37.204,309.346 43.291,316.495 72.885,318.333 91.381,320.172 137.62,319.364 153.768,319.364 
                  161.041,320.172 210.503,320.172 198.138,332.538 239.356,332.538 247.6,328.416 251.722,320.172 276.453,320.172 325.915,324.294 
                  381.312,320.337 375.377,324.294 363.012,332.538 416.596,332.538 424.839,328.416 430.335,320.172 441.327,320.172 
                  503.154,316.05 532.007,320.172 614.437,324.294 635.066,324.294 672.15,320.172 766.953,320.172   "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="346.524,258.345 330.037,245.979 363.012,237.735  "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="717.49,299.563 721.612,311.929 655.663,303.685 
                  597.957,291.319 569.104,295.441 494.911,274.832 499.033,250.101 527.886,258.345 581.47,274.832 597.957,274.832 
                  639.175,287.198     "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="499.033,250.101 433.083,250.101 424.839,237.735  "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="527.885,258.345 494.911,274.832 433.083,250.101 
                  363.012,237.735 424.839,237.735 499.033,250.101     "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="597.957,274.832 597.957,291.319 581.47,274.832   "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="527.885,258.345 569.104,295.441 581.47,274.832   "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="527.885,258.345 494.911,274.832 437.205,262.466 
                  420.718,274.832 346.524,258.345 272.331,250.101 330.037,245.979 363.012,237.735 424.839,237.735 499.033,250.101     "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="433.083,250.101 420.718,274.832 346.524,258.345 
                  309.428,278.954 272.331,262.466 255.844,245.979 272.331,250.101 330.037,245.979 363.012,237.735 424.839,237.735 
                  499.033,250.101     "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="272.331,250.101 272.331,262.466 218.747,254.223 
                  255.844,245.979     "
        />
        <polygon
          opacity="0.2"
          fill="#FFFFFF"
          enable-background="new    "
          points="120.695,270.534 123.127,285.425 49.638,291.805    "
        />
        <polyline
          opacity="0.2"
          fill="#FFFFFF"
          enable-background="new    "
          points="49.638,291.805 62.343,298.568 120.695,270.534    "
        />
        <polygon
          opacity="0.2"
          fill="#FFFFFF"
          enable-background="new    "
          points="120.695,270.534 120.695,270.534 123.127,285.425 
                  132.031,258.345     "
        />
        <polygon
          opacity="0.2"
          fill="#FFFFFF"
          enable-background="new    "
          points="150.365,258.345 123.127,285.425 120.695,270.534 
                  132.031,258.345     "
        />
        <polygon
          fill="#FFFFFF"
          points="141.617,267.138 137.495,271.26 145.739,271.26 149.861,268.676   "
        />
        <polygon
          opacity="0.2"
          fill="#FFFFFF"
          enable-background="new    "
          points="150.365,258.345 168.718,262.642 119.911,270.71 
                  132.031,258.345     "
        />
        <polygon
          opacity="0.2"
          fill="#FFFFFF"
          enable-background="new    "
          points="49.638,291.805 33.264,295.441 39.562,289.472  "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="161.041,311.929 140.432,299.563 107.457,299.563 
                  123.945,295.441 144.554,295.441     "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="144.554,295.441 123.945,295.441 140.432,299.563  "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="255.844,245.979 218.747,254.223 218.747,262.466 
                  198.138,254.223 218.747,254.223     "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="218.747,254.223 218.747,262.466 169.285,270.71 
                  132.598,258.345 152.798,258.345 169.285,262.466 198.138,254.223     "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="330.037,245.979 272.331,262.466 247.6,278.954 
                  218.747,262.466 169.285,283.076 169.285,262.466 198.138,254.223 218.747,254.223 255.844,245.979 272.331,250.101     "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="259.966,278.954 247.6,291.319 235.235,287.198    "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="280.575,287.198 247.6,291.319 226.991,316.05 
                  235.235,287.198 259.966,278.954     "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="210.503,320.172 206.382,332.538 198.138,332.538  "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="226.991,316.05 235.235,320.172 210.503,320.172   "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="288.819,299.563 280.575,287.198 259.966,278.954 
                  235.235,287.198 247.6,291.319 259.966,278.954   "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="235.235,287.198 235.235,320.172 218.747,332.538 
                  206.382,332.538 198.138,332.538 210.503,320.172 226.991,316.05  "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="466.058,270.71 445.449,287.198 433.083,278.954   "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="420.718,287.198 445.449,287.198 486.667,287.198 
                  466.058,270.71 433.083,278.954  "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="404.23,311.929 445.449,287.198 466.058,270.71 
                  433.083,278.954 420.718,287.198     "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="387.743,316.05 416.596,320.172 404.23,311.929    "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="379.499,332.538 375.377,324.294 363.012,332.538  "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="387.743,316.05 379.499,332.538 363.012,332.538 
                  375.377,324.294     "
        />
        <polygon
          opacity="0.15"
          fill="#FFFFFF"
          enable-background="new    "
          points="416.596,320.172 379.499,332.538 363.012,332.538 
                  375.377,324.294 387.743,316.05 404.23,311.929 420.718,287.198   "
        />
      </g>
      <polyline
        id="path-eye"
        opacity="0.25"
        fill="none"
        stroke="#000000"
        stroke-width="2"
        stroke-miterlimit="10"
        enable-background="new    "
        points="
              121.714,247.568 66.427,193.472 66.427,149.497 "
      />
      <polyline
        id="path-pie"
        opacity="0.25"
        fill="none"
        stroke="#000000"
        stroke-width="2"
        stroke-miterlimit="10"
        enable-background="new    "
        points="
              272.069,237.568 226.782,193.472 226.782,155.497 "
      />
      <polyline
        id="path-map"
        opacity="0.25"
        fill="none"
        stroke="#000000"
        stroke-width="2"
        stroke-miterlimit="10"
        enable-background="new    "
        points="
              412.069,227.568 376.782,193.472 376.782,145.497 "
      />
      <g id="diagram-eye">
        <linearGradient
          id="SVGID_2_"
          gradientUnits="userSpaceOnUse"
          x1="238.8165"
          y1="619.2575"
          x2="320.3815"
          y2="700.8225"
          gradientTransform="matrix(1 0 0 1 -171 -537.5)"
        >
          <stop offset="0" style="stop-color: #000000; stop-opacity: 0.15" />
          <stop offset="0.9331" style="stop-color: #000000; stop-opacity: 0" />
        </linearGradient>
        <polygon
          fill="url(#SVGID_2_)"
          points="91.848,220.855 10.283,139.291 125.35,24.224 206.915,105.789  "
        />
        <rect x="10" y="24.507" fill="#00A99D" width="115.35" height="115.35" />
        <g>
          <g>
            <g>
              <g>
                <g>
                  <defs>
                    <rect
                      id="SVGID_3_"
                      x="10"
                      y="24.507"
                      width="115.35"
                      height="115.35"
                    />
                  </defs>
                  <clipPath id="SVGID_4_">
                    <use xlink:href="#SVGID_3_" overflow="visible" />
                  </clipPath>

                  <linearGradient
                    id="SVGID_5_"
                    gradientUnits="userSpaceOnUse"
                    x1="-288.3424"
                    y1="535.6428"
                    x2="-205.4552"
                    y2="618.5298"
                    gradientTransform="matrix(0.5689 0.1954 0.1954 0.5689 124.387 -168.8858)"
                  >
                    <stop
                      offset="0"
                      style="stop-color: #000000; stop-opacity: 0.25"
                    />
                    <stop
                      offset="1"
                      style="stop-color: #000000; stop-opacity: 0"
                    />
                  </linearGradient>
                  <polygon
                    clip-path="url(#SVGID_4_)"
                    fill="url(#SVGID_5_)"
                    points="106.408,162.927 44.068,100.445 96.512,68.965 
                                      149.381,121.833                         "
                  />
                </g>
              </g>
            </g>
          </g>
        </g>
        <path
          fill="#60C6BA"
          d="M28.023,82.182c0,0,18.023-28.837,39.652-28.837s39.652,28.837,39.652,28.837s-18.023,28.837-39.652,28.837
                  S28.023,82.182,28.023,82.182z"
        />
        <g>
          <circle fill="#9BEADF" cx="67.675" cy="82.182" r="24.031" />
        </g>
        <path
          fill="#00A99D"
          d="M67.675,65.017c0,0,3.433,6.866,3.433,17.165s-3.433,17.165-3.433,17.165s-3.433-6.866-3.433-17.165
                  S67.675,65.017,67.675,65.017z"
        />
        <circle
          opacity="0.5"
          fill="#FFFFFF"
          enable-background="new    "
          cx="57.921"
          cy="67.48"
          r="4.806"
        />
        <circle
          opacity="0.5"
          fill="#FFFFFF"
          enable-background="new    "
          cx="50.712"
          cy="74.689"
          r="2.403"
        />
      </g>

      <g id="diagram-pie">
        <linearGradient
          id="SVGID_6_"
          gradientUnits="userSpaceOnUse"
          x1="400.0527"
          y1="624.0652"
          x2="473.0262"
          y2="697.0389"
          gradientTransform="matrix(1 0 0 1 -171 -537.5)"
        >
          <stop offset="0" style="stop-color: #000000; stop-opacity: 0.25" />
          <stop offset="0.9" style="stop-color: #000000; stop-opacity: 0" />
        </linearGradient>
        <path
          fill="url(#SVGID_6_)"
          d="M272.351,43.267l-86.596,86.597l72.973,72.973l86.596-86.596L272.351,43.267z"
        />
        <circle fill="#60C6BA" cx="226.973" cy="83.304" r="61.828" />
        <path
          fill="#00A99D"
          d="M197.727,137.784c8.708,4.684,18.665,7.347,29.246,7.347c34.146,0,61.828-27.681,61.828-61.828
                    s-27.681-61.828-61.828-61.828v59.767L197.727,137.784z"
        />
        <g>
          <g>
            <g>
              <g>
                <g>
                  <defs>
                    <circle id="SVGID_7_" cx="226.973" cy="83.304" r="61.828" />
                  </defs>
                  <clipPath id="SVGID_8_">
                    <use xlink:href="#SVGID_7_" overflow="visible" />
                  </clipPath>

                  <linearGradient
                    id="SVGID_9_"
                    gradientUnits="userSpaceOnUse"
                    x1="397.6839"
                    y1="619.334"
                    x2="444.7831"
                    y2="666.433"
                    gradientTransform="matrix(1 0 0 1 -171 -537.5)"
                  >
                    <stop
                      offset="0"
                      style="stop-color: #000000; stop-opacity: 0.25"
                    />
                    <stop
                      offset="1"
                      style="stop-color: #000000; stop-opacity: 0"
                    />
                  </linearGradient>
                  <path
                    clip-path="url(#SVGID_8_)"
                    fill="url(#SVGID_9_)"
                    d="M258.189,50.329l-4.726,4.726
                                        c6.853,6.853,11.092,16.321,11.092,26.779c0,20.916-16.955,37.871-37.871,37.871c-10.458,0-19.926-4.239-26.779-11.092
                                        l-4.726,4.726l47.099,47.099l63.009-63.009L258.189,50.329z"
                  />
                </g>
              </g>
            </g>
          </g>
        </g>
        <path
          fill="#9BEADF"
          d="M226.973,83.304V21.476c-9.586,0-18.663,2.183-26.76,6.077L226.973,83.304z"
        />
        <circle fill="#60C6BA" cx="226.973" cy="83.304" r="45.34" />
        <path
          fill="#00A99D"
          d="M272.313,83.304c0-25.041-20.3-45.34-45.34-45.34v90.681C252.013,128.644,272.313,108.345,272.313,83.304z"
        />
        <path
          fill="#9BEADF"
          d="M184.162,68.37l42.811,14.934v-45.34C207.166,37.963,190.337,50.669,184.162,68.37z"
        />
      </g>

      <g id="diagram-map">
        <linearGradient
          id="SVGID_10_"
          gradientUnits="userSpaceOnUse"
          x1="505.6437"
          y1="570.8013"
          x2="608.6902"
          y2="673.8477"
          gradientTransform="matrix(1 0 0 1 -171 -537.5)"
        >
          <stop offset="0" style="stop-color: #000000; stop-opacity: 0.25" />
          <stop offset="1" style="stop-color: #000000; stop-opacity: 0" />
        </linearGradient>
        <polygon
          fill="url(#SVGID_10_)"
          points="387.104,186.934 330.897,130.727 334.644,33.301 432.069,29.554 488.276,85.761    "
        />
        <path
          fill="#60C6BA"
          d="M435.816,117.612c0,9.313-7.549,16.862-16.862,16.862h-78.69c-9.313,0-16.862-7.549-16.862-16.862v-78.69
                  c0-9.313,7.549-16.862,16.862-16.862h78.69c9.313,0,16.862,7.549,16.862,16.862V117.612z"
        />
        <g>
          <path
            fill="#00A99D"
            d="M412.875,101.541c-0.173,1.625-0.483,1.955,1.618,1.847C414.559,102.355,414.023,101.464,412.875,101.541
                      C412.822,102.037,414.083,101.46,412.875,101.541z M425.12,118.865c0.869-1.597-3.166-1.674-3.927-1.848
                      c0.801-2.307-0.758-1.445-2.301-1.944c-0.981-0.317-2.751-2.095-3.72-2.83c-1.12-0.849-2.495-0.625-3.695-1.162
                      c-1.639-0.734-1.6-2.245-3.661-2.818c-1.15-0.319-4.17,0.105-4.623-0.454c-0.808-0.996-2.685-0.572-3.697-0.255
                      c-1.204,0.376-2.472,1.029-3.236,2.068c-0.416,0.566-1.26,2.358-1.168,2.545c0.776-0.172,8.085-5.264,8.085-2.542
                      c0,1.436,4.053,1.143,4.328,2.108c0.547,1.92,3.575,1.939,5.144,1.819c-0.561,2.424,2.1,3.612,3.927,4.158
                      c-0.159,0.952-1.499,1.761-1.156,2.771C417.782,120.22,423.477,120.739,425.12,118.865
                      C425.957,117.328,424.645,119.407,425.12,118.865z M395.784,80.974c2.509,0.069,1.327,2.668,3.205,3.107
                      c1.935,0.453-0.559,5.006,0.952,6.131c0.372-0.824,0.346-1.347,1.385-1.155c-0.047,1.523-1.881,2.833-0.23,4.158
                      c0.298,0.492,1.155,0.373,1.155,1.155c0,1.539,2.068,4.913,3.927,5.543c0.575-2.302,1.155-4.685,1.155-6.365
                      c0-1.209-0.534-4.18-1.617-4.722c0.234-1.168,0.235-0.913,0-1.617c-1.028-0.69-0.525-1.354-0.692-2.311
                      c-0.154-0.88-0.925-2.092-0.925-3.601c0-0.721-1.258-1.364-0.991-2.097c0.381-1.047,0.734-0.752,0.53-2.386
                      c-0.003,0.008,1.055-2.113,1.155-2.31c-0.512-1.531,2.031-2.269,2.31-3.927c1.698,0.566,1.654-1.618,2.541-1.618
                      c0.788,0,0.751-1.144,0.924-1.848c1.387,0.347,1.32-0.378,2.541-0.924c1.275-0.651,2.202-2.903,3.696-3.234
                      c-0.136-0.579-0.367-1.118-0.692-1.617c0.854,0.015,1.187-0.092,1.617-0.462c-0.15-0.595-0.834-1.288-1.155-1.617
                      c0.57,0.157,1.109,0.08,1.617-0.231c0.407,1.22,1.495,0.917,2.079,0.001c-0.588-0.451-0.413-0.236-0.923-0.924
                      c-2.706-0.516-1.321-0.662,0.231-1.616c-0.508-1.524-0.092-1.592-1.791-2.426c-0.48-0.236-0.99-1.303-1.212-1.731
                      c0.616-0.077,1.232-0.154,1.848-0.231c-0.155-0.74-0.927-1.502-1.387-1.848c0.231,0,0.463,0,0.694,0
                      c-0.272-0.855-1.376-1.159-1.617-2.079c0.231,0,0.461,0,0.692,0c-0.252-1.762,0.278-1.826,0.693-3.696
                      c0.709,0.076,0.709-0.463,0-1.617c1.639-0.328,0.885-0.792,2.541-0.462c0.214-0.626-0.062-0.534,0.463-0.923
                      c0.867,1.135-1.279,2.217-1.617,3.232c0.154,0,0.308,0,0.462,0c-1.142,0.548-1.308,3.691-0.692,4.158
                      c0.473,0.359,2.247-1.061,1.616,1.155c1.652-0.881,1.439-0.474,1.848-1.848c0.158-0.533,0.368-0.674,0.462-1.387
                      c0.103-0.818-1.031-2.294-0.924-3.927c0.761,0.339,1.825,1.343,2.773,0.923c1.198-0.58,0.322-2.588,1.848-2.079
                      c0.399-1.329,0.309-4.388-0.001-4.388c0.589,0,1.487-2.163,2.078-2.541c0.9-0.576,2.577-0.124,3.003-1.387
                      c1.198-0.054,2.052,0.555,2.54,0.231h0.231c0.197-0.515-0.382-0.574-0.462-0.924h0.231c0.151-0.347,0.186-0.377,0.231-0.923
                      c0.028,0.006,0.057,0.011,0.085,0.017c-2.69-5.74-8.502-9.725-15.261-9.725h-78.69c-9.313,0-16.862,7.549-16.862,16.862v61.411
                      c0.458,0.918,1.198,2.159,1.477,2.364c1.681,0.128,2.141,3.274,3.465,4.157c0.577,1.067,0.775,2.05,1.617,3.233
                      c1.367,0.688,2.337,7.623,1.154,7.623c-1.059,0,1.12,6.006,3.004,6.006c0.52,0,2.246,1.595,2.77,2.077
                      c0.742,0.577,0.698,1.476,1.617,2.08c0.316,0.204,1.355,0.566,1.847,0.693c3.485,0.901,6.774,5.433,10.857,4.619
                      c0.077,0.231,0.154,0.462,0.231,0.693c0.995,0.053,0.783,0.142,1.386,0.462v0.134h29.595c0.209-0.462-0.014-0.922,0.199-1.524
                      c0.298-0.276,1.803-5.585-0.229-5.775c0.296-0.644,0.87-1.52,1.155-1.848c0.112,0.498,0.035,0.96-0.231,1.386
                      c2.802,0.691,0.126-0.015,0.924,0.692c0.154,0,0.307,0,0.461,0c-0.322-2.284,1.188-4.774,0.654-6.635
                      c-0.335-1.168,1.194-2.637,1.194-3.528c0-1.734,0.816-2.275-0.924-3.233c-0.694-0.382-1.948-0.727-3.234,0
                      c-2.284,3.036-5.775,0.71-5.775,6.072c0,1.772-2.141,5.815-3.927,6.167c-0.333-0.267-0.576-0.568-0.693-0.923
                      c-0.542,0.181-1.804,0.217-2.238,0.526c-0.244,0.173-0.924,1.288-0.996,1.321c-0.92-0.453-2.549,0.335-3.552,0.408
                      c-1.738,0.126-1.403-2.025-3.031-2.025c-2.078,0-1.885-0.493-2.893-2.494c-0.721-1.432-0.569-2.181-2.075-3.05
                      c-0.257-0.257-0.254-0.6-0.461-0.924c-0.567-0.888-1.997-2.877-2.079-4.156c-0.198,0.127-0.568,0.36-0.692,0.462
                      c0.316-1.902,0.693-4.139,0.692-5.775c0-0.996-0.947-2.768-0.678-3.571c0.325-0.972-0.078-2.736-0.015-3.357
                      c-0.317-1.908,0.494-1.278,0.692-3.004c0.212-0.369,1.095-0.273,1.467-1.403c0.323-0.98,0.135-0.973-0.544-1.138
                      c0.512-1.53-0.621-1.696-0.924-3.002c-0.274-1.181-0.879-3.683,0.461-3.234c0.399-1.043,0.425-3.002,1.849-3.002
                      c1.109,0,1.63-0.648,1.385-1.617c1.057-0.677,2.649-0.532,3.464-1.155c0.065-1.455,1.375-1.531,0.925-3.003
                      c0.285,0.095,1.319,0.703,1.385,0.693c0.705-0.106,2.3-0.59,2.079-1.617c0.962,0.485,1.113-0.14,1.848,0
                      c0.005,0,2.327,0.773,1.848,0.693c0.46,0.104,0.876-0.271,1.617-0.463c-0.211,1.814,1.416,1.576,2.541,0.923
                      c0,0.154,0,0.308,0,0.462c-2.585,1.273,2.05,1.263,2.54,1.385c-0.253-0.934-0.693-1.484,0.231-2.309
                      c0.628,0.173,3.465,2.134,3.465,2.308c0,0.726,0.493,0.553,0.924,0.232c-0.194-0.973-2.545-2.14-0.23-2.541
                      c-0.047-0.174-0.433-1.023-0.693-0.925c-1.103,0.498-0.558-0.805-2.079-0.231c-0.159-0.163-0.461-0.61-0.692-0.923
                      c0.769-0.104,1.539-0.104,2.31,0c-0.053-0.479,0.108-0.734,0.484-0.766c0.406-0.116,1.422-0.167,1.364-0.159
                      c0.818-0.111,2.554,1.765,2.309-0.462c0.154,0,0.308,0,0.462,0c0.353,2.143,1.659,1.379,2.078,0.001
                      c0.584,1.551,1.801,0.262,3.004,0.462c-0.496,1.646,1.971,1.348,2.541,2.772c0.799,0.348,1.109,0.703,2.078,0.461
                      c-0.381,0.052,2.847-1.321,2.667-0.991C396.719,81.347,395.595,81.32,395.784,80.974
                      C398.309,81.043,395.457,81.572,395.784,80.974z M428.351,115.631c0.024-0.304-0.19-0.311-0.461-0.231
                      C428.152,115.658,427.888,115.498,428.351,115.631z M399.478,112.396c0.78,0.312,0.3,1.138-0.462,1.618
                      C402.647,115.73,399.785,108.812,399.478,112.396z M434.824,120.714c-0.447-0.188-1.037,0.024-1.386,0.462
                      c-1.893,0.693-2.513-1.081-4.39-0.694c1.479,1.363,0.753,1.063,1.385,2.772c0.088,0.149,1.346,2.124,0.709,2.146
                      c-0.981,0.035-2.859-0.336-3.845-0.597c-1.739-0.46-3.358,1.223-1.391,1.38c2.47,0.198,4.858,0.304,7.367,0.304
                      c1.102-1.774,1.884-3.761,2.265-5.893C435.299,120.634,435.062,120.674,434.824,120.714
                      C434.377,120.526,435.062,120.674,434.824,120.714z M418.188,125.793c-0.611-1.214-4.706-1.446-5.446-0.186
                      c-0.362,0.616,5.189,3.353,6.758,1.667C419.879,126.867,418.13,125.748,418.188,125.793
                      C417.857,125.135,418.525,126.058,418.188,125.793z"
          />
        </g>

        <linearGradient
          id="SVGID_11_"
          gradientUnits="userSpaceOnUse"
          x1="548.6378"
          y1="585.9402"
          x2="596.8632"
          y2="634.1658"
          gradientTransform="matrix(1 0 0 1 -171 -537.5)"
        >
          <stop offset="0" style="stop-color: #000000; stop-opacity: 0.25" />
          <stop
            offset="0.7305"
            style="stop-color: #000000; stop-opacity: 0.0245"
          />
          <stop offset="0.9282" style="stop-color: #000000; stop-opacity: 0" />
        </linearGradient>
        <polygon
          fill="url(#SVGID_11_)"
          points="413.91,108.619 377.844,71.522 389.591,36.487 434.519,83.888     "
        />
        <path
          fill="#9BEADF"
          d="M391.297,48.623h-0.169c0.508-1.435,0.799-2.971,0.799-4.58c0-7.588-6.151-13.739-13.739-13.739
                  s-13.739,6.151-13.739,13.739c0,1.608,0.291,3.145,0.799,4.58h-0.169l0.504,0.88c0.395,0.911,0.892,1.764,1.466,2.56l11.14,19.459
                  l11.14-19.459c0.574-0.796,1.071-1.649,1.466-2.56L391.297,48.623z M373.607,44.043c0-2.529,2.051-4.58,4.58-4.58
                  s4.58,2.05,4.58,4.58c0,2.529-2.051,4.58-4.58,4.58S373.607,46.572,373.607,44.043z"
        />
      </g>
      <rect
        id="hit-eye"
        x="6.5"
        y="22.061"
        opacity="0"
        fill="#FF0000"
        width="122.667"
        height="123.071"
      />
      <rect
        id="hit-pie"
        x="165.658"
        y="22.061"
        opacity="0"
        fill="#FF0000"
        width="122.667"
        height="123.071"
      />
      <rect
        id="hit-map"
        x="316.855"
        y="22.061"
        opacity="0"
        fill="#FF0000"
        width="122.667"
        height="123.071"
      />
    </svg>

    <script src="./libs/snap.svg-min.js"></script>
    <script>
      window.onload = function () {
        const crocodileSVGEl = Snap("#crocodile-2");

        const ids = ["eye", "pie", "map"];

        ids.forEach((id) => {
          const diagramEl = crocodileSVGEl.select(`#diagram-${id}`);
          const iconEl = crocodileSVGEl.select(`#hit-${id}`);
          iconEl.hover(function () {
            showIcon(diagramEl);
          });
        });

        function showIcon(diagramEl) {
          Snap.animate(
            0.8,
            1,
            function (val) {
              console.log(val); // 0.8 -> 1

              diagramEl.attr({
                transform: `scale(${val})`,
              });
            },
            500,
            mina.bounce, // 弹性
            function () {
              console.log("动画结束");
            }
          );
        }
      };
    </script>
  </body>
</html>
